/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.container {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-image: url('/common/images/ic_background.png');
    background-size: 100% 38.7%;
    background-repeat: no-repeat;
}

.canvas-box {
    width: 100%;
    height: 100%;
}

#center {
    width: 19.3%;
    height: 14%;
}

.simple-animation {
    animation-name: luckyCircle;
    animation-duration: 4s;
    animation-delay: 0s;
    animation-timing-function: ease;
}

.dialog-div {
    flex-direction: column;
    align-items: center;
}

#prize-dialog {
    margin-bottom: 30%;
    width: 90%;
    height: 43%;
}

#prize-image {
    width: 95vp;
    height: 95vp;
    margin-top: 55vp;
    margin-bottom: 48vp;
    transform: rotate3d(0, 0, 1, -120deg);
}

.txt {
    text-align: center;
    font-size: 20fp;
}

.message {
    margin-bottom: 20vp;
}

.confirm {
    color: #007DFF;
    font-weight: 500;
}

@keyframes luckyCircle {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1800deg);
    }
}